<template>
  <el-row>
    <el-tabs value="news1">
      <el-tab-pane label="脱贫攻坚政策发布" name="news1">
        <el-button type="primary">新增</el-button>
        <el-table :data="news1" style="width: 100%" height="70vh">
          <el-table-column fixed prop="date" label="发布时间" width="150">
          </el-table-column>
          <el-table-column prop="name" label="发布者姓名" width="120">
          </el-table-column>
          <el-table-column prop="newsid" label="新闻id" width="150">
          </el-table-column>

          <el-table-column prop="title" label="标题" width="300">
          </el-table-column>

          <el-table-column fixed="right" label="操作" width="150">
            <template slot-scope="scope">
              <el-button
                @click="handleClick(scope.row)"
                type="text"
                size="small"
                >查看</el-button
              >
              <el-button type="text" size="small">编辑</el-button>
              <el-button type="text" size="small">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-tab-pane>
      <el-tab-pane label="乡村振兴政策发布" name="news2">
        <el-button type="primary">新增</el-button>
        <el-table :data="news1" style="width: 100%" height="70vh">
          <el-table-column fixed prop="date" label="发布时间" width="150">
          </el-table-column>
          <el-table-column prop="name" label="发布者姓名" width="120">
          </el-table-column>
          <el-table-column prop="newsid" label="新闻id" width="150">
          </el-table-column>

          <el-table-column prop="title" label="标题" width="300">
          </el-table-column>

          <el-table-column fixed="right" label="操作" width="150">
            <template slot-scope="scope">
              <el-button
                @click="handleClick(scope.row)"
                type="text"
                size="small"
                >查看</el-button
              >
              <el-button type="text" size="small">编辑</el-button>
              <el-button type="text" size="small">删除</el-button>
            </template>
          </el-table-column>
        </el-table></el-tab-pane
      >
      <el-tab-pane label="扶贫动态发布" name="news3">
        <el-button type="primary">新增</el-button>
        <el-table :data="news1" style="width: 100%" height="70vh">
          <el-table-column fixed prop="date" label="发布时间" width="150">
          </el-table-column>
          <el-table-column prop="name" label="发布者姓名" width="120">
          </el-table-column>
          <el-table-column prop="newsid" label="新闻id" width="150">
          </el-table-column>

          <el-table-column prop="title" label="标题" width="300">
          </el-table-column>

          <el-table-column fixed="right" label="操作" width="150">
            <template slot-scope="scope">
              <el-button
                @click="handleClick(scope.row)"
                type="text"
                size="small"
                >查看</el-button
              >
              <el-button type="text" size="small">编辑</el-button>
              <el-button type="text" size="small">删除</el-button>
            </template>
          </el-table-column>
        </el-table></el-tab-pane
      >
    </el-tabs>
  </el-row>
</template>

<script>
export default {
  name: "MyMall",
  methods: {
    handleClick(row) {
      console.log(row);
    },
  },

  data() {
    return {
      news1: [
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          newsid: 1,
          title: "这是一段标题",
        },
      ],
    };
  },
};
</script>
<style lang="less" scoped>
</style>